<template>
  <div class="produSchedule">
    <stitle :bg="bg" text="排产及生产进度情况" :type="0" />
    <div class="tablecon">
      <el-table :data="tableData" style="width: 100%" height="145px">
        <el-table-column prop="id" label="订单号" width="70px">
          <template slot-scope="scope">
            <te-marquee
              :val="scope.row.id"
              align="center"
              speed="slow"
              :height="25"
            />
          </template>
        </el-table-column>
        <el-table-column prop="name" label="名称" width="50px">
          <template slot-scope="scope">
            <te-marquee
              :val="scope.row.name"
              align="center"
              speed="slow"
              :height="25"
            />
          </template>
        </el-table-column>
        <el-table-column prop="num" label="数量" width="60px">
        </el-table-column>
        <el-table-column prop="process" label="进度" width="70px">
        </el-table-column>
        <el-table-column prop="time" label="预计完成时间" width="110px">
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
import stitle from "@/components/common/stitle";
export default {
  name: "produSchedule",
  components: {
    stitle,
  },
  data() {
    return {
      bg: require("@/assets/images/DispatchCommand/stitle.png"),
      tableData: [
        {
          id: "2022#09",
          name: "超力福",
          num: "2000",
          process: "80%",
          time: "2022/03/31",
        },
        {
          id: "2022#09",
          name: "超力福",
          num: "2000",
          process: "80%",
          time: "2022/03/31",
        },
        {
          id: "2022#09",
          name: "超力福",
          num: "2000",
          process: "80%",
          time: "2022/03/31",
        },
        {
          id: "2022#09",
          name: "超力福",
          num: "2000",
          process: "80%",
          time: "2022/03/31",
        },
        {
          id: "2022#09",
          name: "超力福",
          num: "2000",
          process: "80%",
          time: "2022/03/31",
        },
        {
          id: "2022#09",
          name: "超力福",
          num: "2000",
          process: "80%",
          time: "2022/03/31",
        },
      ],
    };
  },
  methods: {
    handleClick() {},
  },
  mounted() {},
  computed: {},
};
</script>

<style lang="scss"  scoped>
.produSchedule {
  width: 100%;
  padding-right: 70px;
  box-sizing: border-box;
  margin-top: 20px;
}
</style>